<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>消费记录</title>
    <style>
        *{
            font-size: 20px;
        }
    </style>
</head>
<body>
<div style="width: 95%;height: 700px">
    <div style="float: left;width: 100%;height: 200px;border: 1px solid silver">
        <div style="width: 15%;float: left;margin-left: 20px;margin-top: 50px"><img src="./image/u580%5B1%5D.png" width="120" height="100"></div>
        <div style="width: 35%;float: left;margin-top: 20px;margin-left: 30px">
            <h4>2罐啤酒</h4>
            <p>流水单号：1234566<br>
            <span style="color: #9f9f9f">2018-11-5  9:34:15</span>
            </p>
        </div>
        <div style="width: 25%;float: right;margin-top: 20px;margin-right: 50px">
            <h5 style="margin-left: 10px;color: red;">-99.00</h5>
            <p>×2 （社区店）</p>
        </div>
    </div>

    <div style="float: left;width: 100%;height: 200px;border: 1px solid silver;">
        <div style="width: 15%;float: left;margin-left: 20px;margin-top: 50px"><img src="./image/u580%5B1%5D.png" width="120" height="100"></div>
        <div style="width: 35%;float: left;margin-top: 20px;margin-left: 30px">
            <h4>2罐啤酒</h4>
            <p>流水单号：1234566<br>
                <span style="color: #9f9f9f">2018-11-5  9:34:15</span>
            </p>
        </div>
        <div style="width: 25%;float: right;margin-top: 20px;margin-right: 50px">
            <h5 style="margin-left: 10px;color: red;">-99.00</h5>
            <p>×2 （社区店）</p>
        </div>
    </div>

    <div style="float: left;width: 100%;height: 200px;border: 1px solid silver;">
        <div style="width: 15%;float: left;margin-left: 20px;margin-top: 50px"><img src="./image/u580%5B1%5D.png" width="120" height="100"></div>
        <div style="width: 35%;float: left;margin-top: 20px;margin-left: 30px">
            <h4>2罐啤酒</h4>
            <p>流水单号：1234566<br>
                <span style="color: #9f9f9f">2018-11-5  9:34:15</span>
            </p>
        </div>
        <div style="width: 25%;float: right;margin-top: 20px;margin-right: 50px">
            <h5 style="margin-left: 10px;color: red;">-99.00</h5>
            <p>×2 （社区店）</p>
        </div>
    </div>
</div>

</body>
</html>